﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link href="styles/jquery.ui.all.css" rel="stylesheet" />
    <script src="scripts/jquery-1.4.2.min.js"></script>
    <script src="scripts/jquery.bgiframe-2.1.1.js"></script>
    <script src="scripts/jquery.ui.core.js"></script>
    <script src="scripts/jquery.ui.widget.js"></script>
    <script src="scripts/jquery.ui.mouse.js"></script>
    <script src="scripts/jquery.ui.button.js"></script>
    <script src="scripts/jquery.ui.draggable.js"></script>
    <script src="scripts/jquery.ui.position.js"></script>
    <script src="scripts/jquery.ui.dialog.js"></script>

    <style type="text/css">
        body
        {
            font-size: 62.5%;
        }
    </style>

    <script>
        $(function () {
            $("#dialog:ui-dialog").dialog("destroy");

            $("#dialog-confirm").dialog({
                resizable: false,
                height: 140,
                modal: true,
                position: ["left", "center"],
                buttons: {
                    "确 定": function () {
                        $(this).dialog("close");
                    },
                    "关 闭": function () {
                        $(this).dialog("close");
                    }
                }
            });
        });
    </script>
</head>

<body>

    <div id="dialog-confirm" title="提示信息">
        <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
    </div>
</html>
